<template>
  <ul class="center">
   <!-- 使用子组件标签 遍历数据-->
   <CartItem v-for="good in list" :good="good" :key="good.id" />
  </ul>
</template>

<script>
//引入数据--映射store的state
import{mapState}from"vuex";
//引入子组件--li
import CartItem from './CartItem.vue';

export default{
    name:"CartList",

    //计算属性
    computed:{
      //借助mapState生成计算属性,从state中读取数据 ...把对象打散放入当前对象内
      //mapState是一个对象
      ...mapState(['list'])

    },

    //注册子组件
    components:{
        CartItem,
    },
};

</script>

<style>
.center {
  width: 100%;
}
</style>
